<template>
    <div class="home">
        <div class="tabbar">
            <mt-tabbar v-model="selected">
                <mt-tab-item id="首页">
                    <img slot="icon" src="./assets/shou.png">
                    首页
                </mt-tab-item>
                <mt-tab-item id="发现">
                    <img slot="icon" src="./assets/fa.png">
                    发现
                </mt-tab-item>
                <mt-tab-item id="我的">
                    <img slot="icon" src="./assets/wo.png">
                    我的
                </mt-tab-item>
                </mt-tabbar>
        </div>  
        <div class="tabbar-items">
            <br>
            <mt-tab-container v-model="selected">
                <mt-tab-container-item id="首页" >
                    <shouye></shouye>
                </mt-tab-container-item>
                <mt-tab-container-item id="发现" >
                    <faxian></faxian>
                </mt-tab-container-item>
                <mt-tab-container-item id="我的" >
                    <my></my>
                </mt-tab-container-item>
            </mt-tab-container>
        </div>
    </div>
</template>

<script>
import tiaoman from "./shouye.vue"
import faxian from "./faxian.vue"
import my from "./my.vue"

export default {
    components:{
        shouye,
        faxian,
        my
    },
    data () {
        return {
            selected:"首页"
        }
  },
    methods: {
    },
    mounted(){
        
    }
}
</script>

<style scoped>
 
</style>
